<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/ivew.css">
    <script src="../../js/vue2.6.js"></script>
    <script src="../../js/ivew.js"></script>
</head>
<body>
    <div id="app">
        <row style="background:#eee;padding:20px">
            <i-col span="11">
                <card :bordered="false">
                    <p slot="title">Borderless card</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                </card>
            </i-col>
            <i-col span="11" offset="2">
                <card shadow>
                    <p slot="title">Use a card with a shadow effect</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                    <p>Content of card</p>
                </card>
            </i-col>
        </row>
    </div>
<script>

    var Main = {

    }

    var Component = Vue.extend(Main)
    new Component().$mount('#app')
</script>
</body>
</html>